<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<header class="bg-white-only header header-md navbar navbar-fixed-top-xs" style="box-shadow: 0 2px 2px rgba(147,157,166,.4);">
    <div class="navbar-header aside bg-info">
        <a href="${frontPath}/home" class="navbar-brand text-lt">
            <i class="icon-earphones"></i>
            <img src="${ctxStatic}/images/logo.png" alt="." class="hide">
            <span class="hidden-nav-xs m-l-sm">睿代码 | RCode</span>
        </a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
            <i class="icon-settings"></i>
        </a>
    </div>
    <style>
        @media (max-width: 1060px) {
            .hidden-xs-1060 {
                display: none !important;
            }
        }
    </style>
    <div class="navbar-left aside-xl m-t-md m-l-md hidden-xs">
        <div class="m-b-sm">
            <div class="btn-group btn-group-justified">
                <a href="#" class="col-lg-4" style="text-align:center;">产品与服务</a>
                <a href="${accountPath}/applications" class="col-lg-4" style="text-align:center;">开发者中心</a>
                <a href="#" class="col-lg-4" style="text-align:center;">帮助中心</a>
            </div>
        </div>
    </div>

    <div class="navbar-right">
        <ul class="nav navbar-nav m-n hidden-xs nav-user user">
            <c:if test="${not empty loginUser}">
            <li class="hidden-xs">
                <a href="#" class="dropdown-toggle lt" data-toggle="dropdown">
                    <i class="icon-bell"></i>
                    <span class="badge badge-sm up bg-danger count">2</span>
                </a>
                <section class="dropdown-menu aside-xl animated fadeInUp">
                    <section class="panel bg-white">
                        <div class="panel-heading b-light bg-light">
                            <strong>您有 <span class="count">2</span> 个通知</strong>
                        </div>
                        <div class="list-group list-group-alt">
                            <a href="#" class="media list-group-item">
                                <span class="pull-left thumb-sm">
                                  <img src="${ctxStatic}/images/a0.png" alt="..." class="img-circle">
                                </span>
                                <span class="media-body block m-b-none">
                                  这是消息内容<br>
                                  <small class="text-muted">10 minutes ago</small>
                                </span>
                            </a>
                        </div>
                        <div class="panel-footer text-sm">
                            <a href="#" class="pull-right"><i class="fa fa-cog"></i></a>
                            <a href="${accountPath}/messages">查看所有消息通知</a>
                        </div>
                    </section>
                </section>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
                  <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                    <img src="${ctxStatic}/images/a0.png" alt="...">
                  </span>
                  ${empty loginUser.name?loginUser.username:loginUser.name} <b class="caret"></b>
                </a>
                <ul class="dropdown-menu animated fadeInRight">
                    <li>
                        <span class="arrow top"></span>
                        <a href="${accountPath}/accountInfo">账户信息</a>
                    </li>
                    <%--<li><a href="profile.html">系统状态</a></li>--%>
                    <%--<li><a href="#">开发设置</a></li>--%>
                    <li><a href="${accountPath}/accountSet">设置</a></li>
                    <li class="divider"></li>
                    <li><a href="${accountPath}/logout" data-toggle="ajaxModal" >退出</a></li>
                </ul>
            </li>
            </c:if>
            <c:if test="${empty loginUser}">
            <li class="dropdown">
                <a href="${ctx}/login" class="bg clear">登录</a>
            </li>
            <li class="dropdown">
                <a href="${ctx}/register" class="bg clear">注册</a>
            </li>
            </c:if>
        </ul>

    </div>
    <form class="navbar-form navbar-right input-s-lg m-t m-l-n-xs hidden-xs-1060" role="search">
        <div class="form-group">
            <div class="input-group">
                <span class="input-group-btn">
                  <button type="submit" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>
                </span>
                <input type="text" class="form-control input-sm no-border rounded" placeholder="搜索">
            </div>
        </div>
    </form>
</header>
